<template>
    <el-container class="height">
      <el-header>
        <banner></banner>
      </el-header>
      <el-container>
        <el-aside width="250px" >
          <Navigator></Navigator>
        </el-aside>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
</template>

<script>
import Banner from '../components/Banner'
import Navigator from '../components/Navigator'

export default {
  name: 'Index',
  components: {
    Banner,
    Navigator
  }
  // 在页面渲染之前进行验证身份，防止外人看到页面内容
  // mounted () {
  //   var token = localStorage.getItem('tk')
  //   // 如果没有token值，则跳到登陆界面
  //   // 暂存疑惑： 貌似在Index验证token后，其它页面就不需要验证了，因为所有路由内容都封装在index组件中了，首先加载一级路由？
  //   if (!token) {
  //     this.$router.push({
  //       path: '/login'
  //     })
  //   }
  //   // else {
  //   //   this.$axios({
  //   //     url: 'test/login/login?pagenum=18&pagesize=2',
  //   //     method: 'get',
  //   //     headers: {'Authorization': token}
  //   //   }).then(res => {
  //   //     console.log(res)
  //   //   })
  //   // }
  // }
}
</script>

<style scoped>
.height {
  height: 100%;
}
.el-header {
  background-color: #B3C0D1;
  color: #333;
  text-align: center;
  line-height: 60px;
  padding: 0px;
}

.el-aside {
  background-color: rgb(84, 92, 100);
  color: #333;
  text-align: center;
  line-height: 100%;
}

.el-main {
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
  /*line-height: 300px;*/
}
</style>
